<template>
    <van-skeleton title :row="3" :loading="!sss">
        <van-image round width="10rem" height="10rem" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
    </van-skeleton>
    <van-skeleton title :row="2" :loading="!sss" />
    <div v-if="sss">
        手机号:18646178828
    </div>

    <div v-if="sss">
        <div class="dd">
            <van-cell title="我的订单"  is-link to="/dingdan" />
        </div>
         <div class="dd">
            <van-cell title="我的地址"  is-link />
        </div>
         <div class="dd">
            <van-cell title="的花费三百"  is-link />
        </div>
         <div class="dd">
            <van-cell title="设置"  is-link />
        </div>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import { useCounterStore } from '@/stores/counter'
// 可以在组件中的任意位置访问 `store` 变量 ✨
const store = useCounterStore()
let sss = ref(false)

setTimeout(() => {
    sss.value = true
}, 1500);
</script>

<style scoped>
.dd{
width: 100%;
height: 50px;
background: #f2f2f2;
margin-top: 15px;
}
</style>